<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2021-12-09
  Time: 15:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>E—R图</title>
    <style>
        .grid-container {
            display: grid;
            grid-template-columns: auto auto auto;
            background-color: #7f7a91;
            padding: 10px;
        }

        .grid-item {
            background-color: rgba(122, 114, 123, 0.8);
            border: 1px solid rgba(255, 252, 243, 0.8);
            padding: 20px;
            font-size: 30px;
            text-align: center;
        }

        .m {
            text-align: center
        }
    </style>
</head>
<body>

<h1>小的E-R图</h1>
<hr>
<div class="row">
    <div class="col-md-4 column">
        <a class="btn" href="${pageContext.request.contextPath}/product/allBook">返回主页</a>
    </div>
</div>
<hr>
<div class="grid-container">
    <div class="grid-item"><img src="../image/a.png" alt="Pineapple" width="400" height="300"></div>
    <div class="grid-item"><img src="../image/mp.png" alt="Pineapple" width="400" height="300"></div>
    <div class="grid-item"><img src="../image/op.png" alt="Pineapple" width="400" height="300"></div>
    <div class="grid-item"><img src="../image/pp.png" alt="Pineapple" width="400" height="300"></div>
    <div class="grid-item"><img src="../image/sp.png" alt="Pineapple" width="400" height="300"></div>
    <div class="grid-item"><img src="../image/up.png" alt="Pineapple" width="400" height="300"></div>
</div>
<h1>大的E-R图</h1>
<div class="grid-container">
    <div class="m"><img src="../image/big.png" width="894" height="675"></div>
</div>
</body>
</html>